<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../plugin/skitter.styles.css" />
		<script src="../plugin/jquery-2.2.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../plugin/jquery.skitter.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../plugin/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.banner {
				height: 590px;
				overflow: hidden;
				position: relative;
			}
			
			.banner-con {
				width: 1920px;
				height: 100%;
				position: absolute;
				top: 0;
				left: 50%;
				margin-left: -960px;
				z-index: 9;
			}
		</style>
	</head>

	<body>
		<div class="banner">
			<div class="banner-con">
				<div class="box_skitter box_skitter_large">
					<ul>
						<li>
							<img src="images/banner_01.jpg" alt="banner01" class="cube" />
						</li>
						<li>
							<img src="images/banner_01.jpg" alt="banner02" class="cube" />
						</li>
						<li>
							<img src="images/banner_01.jpg" alt="banner03" class="cube" />
						</li>
					</ul>
				</div>
			</div>
		</div>
	</body>

</html>
<script type="text/javascript">
	if($('.box_skitter_large')[0]) {
		$('.box_skitter_large').skitter({
			enable_navigation_keys: false,
			focus: false,
			label: false,
			stop_over: true,
			interval: 3000
		});
	}
</script>